<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    [v-cloak]{
      display: none;
    }
  /*  含有v-cloak属性的元素，设置display为none*/
  </style>
</head>
<body>

<div id="app" v-cloak>
    {{message}}
</div>

<script src="../js/vue.js"></script>
<script>
  // <!--  在VUE解析之前，div属性中有一个属性v-cloak-->
  //在VUE解析之后，DIV没有属性v-cloak
    setTimeout(function () {
        const vue = new Vue({
            el:'#app',
            data:{
                message:'你好呀'
            }
        })
    },1000)
//将代码延时1秒钟执行
</script>

</body>
</html>